<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>容灾管理系统</title>
	<link rel="shortcut icon" href="images/logo.ico">
	
	<link href="${pageContext.request.contextPath}/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    
    <!-- bootstrap table -->
	<link href="${pageContext.request.contextPath}/libs/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" >

    <link href="${pageContext.request.contextPath}/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet">
    
    <!-- 自定义css -->
	<link href="${pageContext.request.contextPath}/css/my.css" rel="stylesheet">
	
</head>
<body class="my-content">

	<div id="dtApp" v-cloak>
		<p id="toolbar">
		<a href="output" class="btn btn-success " type="button">
				<i class="fa fa-plus"></i>&nbsp;&nbsp;<span class="bold">导出</span>
	    </a>
	        <button href="#" class="btn btn-primary " type="button" @click="showedit">
				<i class="fa fa-edit"></i>&nbsp;&nbsp;<span class="bold">重置密码</span>
	        </button>
	        <button class="btn btn-danger " type="button" @click="deleteBatch">
				<i class="fa fa-remove"></i>&nbsp;&nbsp;<span class="bold">删除</span>
	        </button>
	        <div class="hr-line-dashed"></div>
	        <div style="float:left;margin-left:50px;">
	        <div style="width:260px; height:160px;background:#F0F8FF;border-radius:10px;float:left">
	        		<div class="form-group">
						<label class="col-sm-10 control-label">今天过生日的会员:</label>
						<div class="col-sm-4">
							{{message.birthday}}
						</div>
					</div>			
	        </div>
	        <div style="width:260px; height:160px;background:#F0F8FF;border-radius:10px;margin-left:20px;float:left">
	        	<div class="form-group">
						<label class="col-sm-10 control-label">会员总数:</label>
						<div class="col-sm-4">
							{{message.sum}}
						</div>
			  </div>	
	        </div>
	        <div style="width:260px; height:160px;background:#F0F8FF;border-radius:10px;margin-left:20px;float:left">
	        	<div class="form-group">
						<label class="col-sm-10 control-label">会员总金额:</label>
						<div class="col-sm-4">
							{{message.money}}
						</div>
					</div>	
	        </div>
	        <div style="width:260px; height:160px;background:#F0F8FF;border-radius:10px;margin-left:20px;float:left">
	        	<div class="form-group">
						<label class="col-sm-10 control-label">会员排名:</label>
						 <ol>
       						 <li v-for="c in message.list">
          						  {{c.name}}
          						  {{c.money}}
        					</li>
   						 </ol>
					</div>	
	        </div>
	       </div>
		</p>
		<table id="table" class="table table-bordered"></table>
	</div>	

	<!-- 全局js -->
    <script src="${pageContext.request.contextPath}/libs/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/libs/bootstrap/js/bootstrap.min.js"></script>
	<script src="${pageContext.request.contextPath}/libs/vue.min.js"></script>

	<!--浮层-->
	<script src="${pageContext.request.contextPath}/libs/layer/layer.min.js"></script>
    
    <!-- bootstrap table -->
	<script src="${pageContext.request.contextPath}/libs/bootstrap-table/bootstrap-table.min.js"></script>
	<script src="${pageContext.request.contextPath}/libs/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
	
	<!-- fastjson 解析-->
	<script src="${pageContext.request.contextPath}/libs/FastJson-1.0.min.js"></script>
	
	<!-- 全局通用js配置 -->
	<script src="${pageContext.request.contextPath}/script/common.js"></script>
	
	<!-- 模块 -->
	<script src="${pageContext.request.contextPath}/script/modules/sys/role/index.js"></script>

</body>
</html>